class Background {
    constructor(ctx) {
        this.img = new Image();
        // 注意图片的路径
        this.img.src = 'images/bg.jpg';
        this.ctx = ctx;
        // 滚动距离
        this.top = 0;
        // 移动 速度
        this.speed = 3;
    }
    draw() {
        // 背景图绘制操作
        // 控制背景的移动
        this.top += 3;
        // 控制背景无缝轮播
        if (this.top >= this.ctx.canvas.height) {
            // 第一张背景图片已经移出屏幕，需要回到初始状态
            this.top = 0;
        }
        // 绘制屏幕上方的背景图片
        this.ctx.drawImage(this.img, 0, this.top - this.ctx.canvas.height, this.ctx.canvas.width, this.ctx.canvas.height);
        // 绘制当前显示的背景图片
        this.ctx.drawImage(this.img, 0, this.top, this.ctx.canvas.width, this.ctx.canvas.height);
    }
}

export default Background;